[#include "/WEB-INF/pages/common/taglibs.ftl"]

[#if piece==true]
	[#if articleMediumList??]
    	<ul class="imagelist">
    	[#list articleMediumList as extends]
			<li>
        		<img src="[@c.url value="/image/${extends.key}"/]" alt="" />
        		<span>
        			<a href="[@c.url value="/manage/Photo_edit.action"][@c.param name='ajax' value='true'/][@c.param name='id' value='${extends.id}'/][/@c.url]" class="name ajax">${extends.value}</a>
        			<a href="[@c.url value="/manage/Photo_edit.action"][@c.param name='ajax' value='true'/][@c.param name='id' value='${extends.id}'/][/@c.url]" class="edit ajax"></a>
        			<a href="[#list articleOriginalList as image][#if image.key == extends.name][@c.url value='/image/${image.key}.jpg'/][/#if][/#list]" class="view"></a>
        			<a class="delete" id="${extends.name}"></a></span>
        	</li>
    	[/#list]
    	</ul>
    [/#if]
[#else]
	<div class="content ">
        <div class="contenttitle">
        	<h2 class="image"><span>图片管理器</span></h2>
        </div><!--contenttitle-->
        <div style="height:400px;" id="tableoptions">
        <!--<button class="radius3" id="imageCreater">新&nbsp;&nbsp;&nbsp;&nbsp;建</button>-->
        </div>
        <br />
        <div id="mediaImg">
	        [#if articleMediumList??]
	        	<ul class="imagelist">
	        	[#list articleMediumList as extends]
	        		<li>
	            		<img src="[@c.url value="/image/${extends.key}"/]" alt="" />
	            		<span>
	            			<a href="[@c.url value="/manage/Photo_edit.action"][@c.param name='ajax' value='true'/][@c.param name='id' value='${extends.id}'/][/@c.url]" class="name ajax">${extends.value}</a>
	            			<a href="[@c.url value="/manage/Photo_edit.action"][@c.param name='ajax' value='true'/][@c.param name='id' value='${extends.id}'/][/@c.url]" class="edit ajax"></a>
	            			<a href="[#list articleOriginalList as image][#if image.key == extends.name][@c.url value='/image/${image.key}.jpg'/][/#if][/#list]" class="view"></a>
	            			<a class="delete" id="${extends.name}"></a></span>
	            	</li>
	        	[/#list]
	        	</ul>
	        [/#if]
        </div>
        <br clear="all" /><br />            
        [#--
        <div class="contenttitle radiusbottom0">
        	<h2 class="image"><span>List Style</span></h2>
        </div><!--contenttitle-->
        <div class="tableoptions">
            <button class="deletebutton radius3">Delete Selected</button> &nbsp;
        </div><!--tableoptions-->	
        <table cellpadding="0" cellspacing="0" border="0" id="table2" class="stdtable mediatable">
            <colgroup>
                <col class="con0" />
                <col class="con1" />
                <col class="con0" />
                <col class="con1" />
                <col class="con0" />
                <col class="con1" />
                <col class="con0" />
                <col class="con1" />
            </colgroup>
            <thead>
                <tr>
                    <td class="head0 center"><input type="checkbox" class="checkall" /></td>
                    <td class="head1 center">Thumb</td>
                    <td class="head0">Filename</td>
                    <td class="head1">Alternative</td>
                    <td class="head0">Size</td>
                    <td class="head1">&nbsp;</td>
                    <td class="head0">&nbsp;</td>
                    <td class="head1">&nbsp;</td>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td class="head0 center"><input type="checkbox" class="checkall" /></td>
                    <td class="head1 center">Thumb</td>
                    <td class="head0">Filename</td>
                    <td class="head1">Alternative</td>
                    <td class="head0">Size</td>
                    <td class="head1">&nbsp;</td>
                    <td class="head0">&nbsp;</td>
                    <td class="head1">&nbsp;</td>
                </tr>
            </tfoot>
            <tbody>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb1.png" class="view"><img src="images/assets/thumb/small/thumb1.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb1.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb2.png" class="view"><img src="images/assets/thumb/small/thumb2.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb2.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb3.png" class="view"><img src="images/assets/thumb/small/thumb3.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb3.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb4.png" class="view"><img src="images/assets/thumb/small/thumb4.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb4.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb5.png" class="view"><img src="images/assets/thumb/small/thumb5.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb5.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb1.png" class="view"><img src="images/assets/thumb/small/thumb1.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb1.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb2.png" class="view"><img src="images/assets/thumb/small/thumb2.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb2.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb3.png" class="view"><img src="images/assets/thumb/small/thumb3.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb3.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb4.png" class="view"><img src="images/assets/thumb/small/thumb4.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb4.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
                <tr>
                    <td class="center"><input type="checkbox" /></td>
                    <td class="center"><a href="images/assets/thumb/large/thumb5.png" class="view"><img src="images/assets/thumb/small/thumb5.png" alt="" /></a></td>
                    <td>Filename.jpg</td>
                    <td>Filename</td>
                    <td>640x480</td>
                    <td class="center"><a href="images/assets/thumb/large/thumb5.png" class="view">View</a></td>
                    <td class="center"><a href="ajax/edit_photo.html" class="edit ajax">Edit</a></td>
                    <td class="center"><a href="" class="delete">Delete</a></td>
                </tr>
            </tbody>
        </table>
        <br /><br />--]
	</div>
[/#if]